<template>
	<view class="page">
		<!-- header -->
		<view class="header_box">
			<view class="top_box">
				<view class="one_box">
					<view class="left_box" @tap="qdBtn" v-if="arrList.userInfo.week_status == '0' && loginStatus">每周领福利
					</view>
					<view class="left1_box" v-if="arrList.userInfo.week_status == '1' && loginStatus">每周领福利</view>
					<view class="right_box">
						<view class="enterKu_box" v-if="loginStatus" @click="kefuBtn()">
							<image
								src="https://mh.qingfentool.vip/upload/image/20230513/510f4f36780dbc7fd0a479b46f32830f.png"
								mode="scaleToFill" />
						</view>
						<view class="enterset_box" v-if="loginStatus" @click="shezhi()">
							<image
								src="https://mh.qingfentool.vip/upload/image/20230513/fa05091d35af0d96e973e52ce78c4441.png"
								mode="scaleToFill" />
						</view>
					</view>
				</view>
			</view>
			<!-- 头像 -->
			<view class="mid_box">
				<view class="left_tx_box">
					<template v-if="loginStatus">
						<view class="head_box" @tap="gozhanghao">
							<!-- 头像框 -->
							<view class="touxiangkuang_box">
								<image :src="arrList.userInfo.frameless_head" mode="scaleToFill" />
							</view>
							<!-- 头像 -->
							<view class="touxiang_box">
								<image :src="arrList.userInfo.avatar" mode="scaleToFill" />
							</view>
						</view>
						<!-- name id -->
						<view class="text_box">
							<view class="name_box">{{ arrList.userInfo.nickname }}</view>
							<view class="id_box">ID:{{ arrList.userInfo.id }}
								<!-- 复制 -->
								<view class="copy_box" @tap="entercopy">
									<image
										src="https://mh.qingfentool.vip/upload/image/20230513/ae88d979bc4755fb8ff929e3d7f17667.png"
										mode="scaleToFill" />
								</view>
							</view>
						</view>
					</template>
					<template v-else>
						<view class="head_box">
							<!-- 头像 -->
							<view class="touxiang_box">
								<image :src="arrList.userInfo.avatar" mode="scaleToFill" />
							</view>
						</view>
						<!-- name id -->
						<view class="text_box">
							<view class="name_box" @click="login()">请点击登录</view>
						</view>
					</template>

				</view>

				<view class="right_num_box" v-if="loginStatus">
					<!-- 仓库 -->
					<view class="cangku_box">
						<view class="pic_box">
							<image
								src="https://mh.qingfentool.vip/upload/image/20230513/60427c58c051f1b9bee00a9fed35f9c9.png"
								mode="scaleToFill" />
						</view>
						<view class="text_box">仓&nbsp;&nbsp;&nbsp;库:<text @click="goUrl2"
								style="color:#FF5100;padding-left: 10rpx;">{{
									arrList.userInfo.header_count.status_0 }}</text></view>
					</view>
					<view class="yue_box">
						<view class="pic_box">
							<image
								src="https://mh.qingfentool.vip/upload/image/20230513/91b5dc977e398a9255901033eeacb783.png"
								mode="scaleToFill" />
						</view>
						<view class="text_box">大王币:<text style="color:#FF5100;padding-left: 10rpx;"
								@click="goUrl('/userPage/user/pdtab')">{{
									arrList.userInfo.integral }}</text></view>
					</view>
				</view>
			</view>
			<view class="Wings_box1">
				<view class="Wings_box" v-if="loginStatus && arrList.userInfo.team_status == 1" @click="goHd">
					<view class="tc_box">{{ arrList.userInfo.team_name }}</view>
					<view class="dz_box">队长:{{ arrList.userInfo.team_nickname }}</view>
				</view>
			</view>
			<!-- vip -->
			<view class="vip_box" v-if="loginStatus">
				<view class="vip_txt">
					<view class="left_box">{{ arrList.userInfo.level_name }}</view>
					<view class="right_box" @tap="govip">会员中心</view>
				</view>
				<view class="jinfutiao_box">
					<view class="dengji_box">
						<view class="left_box">
							<view class="container">
								<!-- 第二层进度条的颜色 -->
								<view class="strip">
									<view class="blue" :style="'width:' + info.progress + '%'"></view>
								</view>
							</view>
						</view>
					</view>
				</view>
				<view class="vip_wenan_box">
					<view class="shengji_txt">{{ arrList.userInfo.desc }}</view>
					<view class="num_box" v-if="arrList.userInfo.grow_value < arrList.userInfo.next_value">{{
						arrList.userInfo.grow_value }}/{{ arrList.userInfo.next_value }}</view>
					<view class="num_box" v-if="arrList.userInfo.grow_value > arrList.userInfo.next_value">
						{{ arrList.userInfo.grow_value }}/满级
					</view>
				</view>
			</view>
		</view>
		<view class="packet_box" v-if="loginStatus">
			<view class="packet_money_box">
				<view class="packet_prz_box">{{ arrList.userInfo.integral }}</view>
				<view class="packet_name_box">大王币</view>
			</view>
			<view class="synthesis_box" @click="syntheticBtn">合成代币红包</view>
		</view>
		<!-- 我的订单 -->
		<view class="wodedingdan_box" v-if="loginStatus">
			<view class="top_box">
				<view class="left_box">
					<view class="line">

					</view>
					<view class="txt">
						我的订单
					</view>
				</view>
				<view class="right_box">
					<view class="txt" @click="goUrl('/userPage/user/fahuoOrder/fahuoOrder?current=0')">
						全部订单
					</view>
					<view class="img">
						<image
							src="https://mh.qingfentool.vip/upload/image/20230222/98117173ff41261e726919dcb5fc10d0.png"
							mode=""></image>
					</view>
				</view>
			</view>
			<view class="bottom_box">
				<view class="first_box" @click="goFuns(item.url, item.text)" v-for="(item, index) in order_list"
					:key="index">
					<view class="top">
						<image :src="item.nav"></image>
					</view>
					<view class="txt">
						{{ item.text }}
					</view>
				</view>

			</view>
		</view>
		<view class="klHb" v-if="loginStatus">
			<view class="kouling_box" @tap="enterinvcode"
				style="border-bottom:1rpx solid rgba(51,51,51,0.05);border-right: 1rpx solid rgba(51,51,51,0.05);">
				<view class="left_box">
					<view class="top_box">大王令</view>
					<view class="bot_box">输入ID领取奖励</view>
				</view>
				<view class="right_box">
					<image src="https://mh.qingfentool.vip/upload/image/20230513/9cf1f80a2551457b5b008acea36919e4.png"
						mode="scaleToFill" />
				</view>
			</view>
			<view class="kouling_box" style="border-bottom:1rpx solid rgba(51,51,51,0.05);" @tap="godaoju">
				<view class="left_box">
					<view class="top_box">道具</view>
					<view class="bot_box">做任务领道具</view>
				</view>
				<view class="right_box">
					<image src="https://mh.qingfentool.vip/upload/image/20230513/b6d434efd74797c4e6c1bdbfac22f8e1.png"
						mode="scaleToFill" />
				</view>
			</view>
			<view class="kouling_box" style="border-right: 1rpx solid rgba(51,51,51,0.05);" @tap="jpBtn">
				<view class="left_box">
					<view class="top_box">奖品</view>
					<view class="bot_box">领取专属奖品</view>
				</view>
				<view class="right_box">
					<image src="https://mh.qingfentool.vip/upload/image/20230513/d4940c7a977c6d34761cc2f24c0d0798.png"
						mode="scaleToFill" />
				</view>
			</view>
			<view class="kouling_box" @click="goUrl('/userPage/user/kaixiang')">
				<view class="left_box">
					<view class="top_box">开箱记录</view>
					<view class="bot_box">查看抽奖记录</view>
				</view>
				<view class="right_box">
					<image src="https://mh.qingfentool.vip/upload/image/20230513/fe7cbf3307d9b732948b17d7bd412bf3.png"
						mode="scaleToFill" />
				</view>
			</view>
		</view>
		<!-- 我的应用 -->
		<view class="yingyong" v-if="loginStatus">
			<view class="top_box">
				<view class="left_box">
					<view class="line">

					</view>
					<view class="txt">
						我的应用
					</view>
				</view>
				<view class="right_box">
					<view class="txt">
					</view>
					<view class="img">
					</view>
				</view>
			</view>
			<view class="bottom_box" v-if='arrList.userInfo.user_type == 1'>
				<view class="first_box" @click="goFuns(item.url, item.text)" v-for="(item, i) in funsTwo" :key="i">
					<view class="top">
						<image v-if="item.text == '消息' && arrList.userInfo.message_count > 0" :src="item.Xnav1"
							mode="scaleToFill" />
						<image v-else :src="item.nav"></image>

					</view>
					<view class="txt">
						{{ item.text }}
					</view>
				</view>

			</view>
			<view class="bottom_box" v-else>
				<view class="first_box" @click="goFuns(item.url, item.text)" v-for="(item, i) in funs" :key="i">
					<view class="top">
						<image v-if="item.text == '消息' && arrList.userInfo.message_count > 0" :src="item.Xnav1"
							mode="scaleToFill" />
						<image v-else :src="item.nav"></image>
					</view>
					<view class="txt">
						{{ item.text }}
					</view>
				</view>

			</view>
		</view>
		<!-- 抢红包 -->
		<uni-popup mode="center" v-if="isCheck == 1" ref="envelopeTc" border-radius="20" :mask-click=false>
			<view class="hongbao_box">
				<view class="sm_box" @click="redWars">
					<view class="header_touxiang_box"></view>
					<view class="header_userr_box">{{yonghuname}}</view>
					<view class="header_userr_txt_box">送你一个红包</view>
				</view>
				<view class="hongbao_guanbi_box" @click="hbGb">
					<u-icon name="close-circle" color="#fff"></u-icon>
				</view>
			</view>
		</uni-popup>
		<view style="height:130rpx;"></view>
		<!-- <view class="icp_box" v-if="loginStatus">浙ICP备2021033506号</view> -->
		<!-- 口令红包弹窗 -->
		<inv-code ref="invcodeStu" @userList="userList" :isBind="arrList.userInfo.is_bind"
			:arrList="arrList.userInfo"></inv-code>
		<!-- 道具弹窗 -->
		<qian-code ref="propeStu" @userList="userList" :qdNum="qdNum" :bgImage="bgImage"
			:qdEnterImg="qdEnterImg"></qian-code>
		<!-- 奖品弹窗 -->
		<jiangCode ref="jiangStu" :parpinobj="parpinobj" :parjiangList="parjiangList" @userList="userList"></jiangCode>
		<zdy-tabbar :current-page="4"></zdy-tabbar>
	</view>
</template>
<script>
	import invCode from "@/components/popup/InvitationCode.vue"
	import qianCode from "@/components/popup/qianCode.vue"
	import jiangCode from "@/components/popup/jiangpin.vue"
	export default {
		components: {
			invCode,
			qianCode,
			jiangCode
		},
		data() {
			return {
				parjiangList: [], //奖品列表
				parpinobj: '', //奖品总流水
				info: { //等级进度条
					progress: 0,
				},
				bgImage: '', //签到背景图
				qdEnterImg: '', // 签到确认
				arrList: { //用户信息
					userInfo: {
						nickname: "",
						avatar: 'https://mh.qingfentool.vip/upload/static/user/avatar.png',
						id: "",
						header_count: {
							status_0: 0
						},
						is_login: 0,
						integral: 0,
						card_count: '',
						fragment: 0,
						level_name: "",
						desc: '',
						frameless_head: '',
						message_count: '',
						is_bind: '',
						parent_name: '',
						parent_avatar: '',
						parent_id: '',
						team_status: '',
						team_name: '',
						team_nickname: '',

					}
				},
				loginStatus: false, //登陆状态
				order_list: [{
					text: '待付款',
					url: '/userPage/user/fahuoOrder/fahuoOrder?current=1',
					nav: "https://mh.qingfentool.vip/upload/image/20230513/b8a300d51caa304db08597e4e02a49e4.png"
				}, {
					text: '待发货',
					url: '/userPage/user/fahuoOrder/fahuoOrder?current=2',
					nav: "https://mh.qingfentool.vip/upload/image/20230513/8ebc08f9bf9b537f4279fb123dd665c4.png"
				}, {
					text: '已完成',
					url: '/userPage/user/fahuoOrder/fahuoOrder?current=3',
					nav: "https://mh.qingfentool.vip/upload/image/20230513/86ccc1d66044d7e8b75ed831e07fc08d.png"
				}, {
					text: '已取消',
					url: '/userPage/user/fahuoOrder/fahuoOrder?current=4',
					nav: "https://mh.qingfentool.vip/upload/image/20230513/34f7eaa75258dbe929a36f85f90e8738.png"
				}, ],
				funs: [
					// {
					// 	text: '开箱记录',
					// 	url: '/userPage/user/kaixiang',
					// 	nav: "http://mh.qingfentool.vip/upload/image/20221228/b5e4dbf5c151c31e0c8a71dd8254d912.png"
					// }, 
					{
						text: '赠礼记录',
						url: '/userPage/user/zengli',
						nav: "https://mh.qingfentool.vip/upload/image/20230513/a49c6435200da0b44442f21687984134.png"
					},
					{
						text: '优惠券',
						url: '/userPage/user/coupon',
						nav: "https://mh.qingfentool.vip/upload/image/20230513/149524dea3203871cea38574efd91288.png"
					},
					// {
					// 	text: '邀请',
					// 	url: '/userPage/user/inviteIndex',
					// 	nav: "https://mh.qingfentool.vip/upload/image/20230513/5c693e6c5532991d19948d1aa9a15104.png"
					// },
					{
						text: '联系客服',
						url: '/userPage/user/customerService',
						nav: "https://mh.qingfentool.vip/upload/image/20230513/f78331241ba906346ae70496ee9e27a5.png"
					},
					{
						text: '商务合作',
						url: '/userPage/hezuo',
						nav: "https://mh.qingfentool.vip/upload/image/20230513/1ee59762d0c26db2975f30f911e9d2ac.png"
					},
					{
						text: '我的推广',
						url: '/userPage/user/myteam',
						nav: "https://pd.pdaxiang.com/upload/static/newImg/wdtg.png"
					},
					// {
					// 	text: '企微添加',
					// 	url: '/userPage/user/group',
					// 	nav: "https://pd.pdaxiang.com/upload/static/user/nav10.png"
					// },
					{
						text: '问题反馈',
						url: '/userPage/user/fankui',
						nav: "https://mh.qingfentool.vip/upload/image/20221228/45324bdddbe784a06b8632013e1f3a72.png"
					},
					{
						text: '常见问题',
						url: '/userPage/user/problem',
						nav: "https://mh.qingfentool.vip/upload/image/20230513/7705d4742406d274c7f36dbcb5e490ea.png"
					},
					{
						text: '设置',
						url: '/userPage/user/setting',
						nav: "https://mh.qingfentool.vip/upload/image/20230513/ad9e8fd1799435aef2e3528a602937f1.png"
					},
					{
						text: '消息',
						url: '/userPage/user/xiaoxi',
						nav: "https://mh.qingfentool.vip/upload/image/20230513/6c59b0e4754294b31b72c1cdc28ab7f6.png",
						Xnav1: "https://mh.qingfentool.vip/upload/image/20230513/f67e7c58fba0cf3b1c2ac1b096afcd66.png"
					},
					{
						text: '签到',
						url: '/userPage/user/attendance',
						nav: "https://new.qingfentool.vip/upload/image/20230712/f2461f4766c51f20627ef02cd9cfde39.png",
					},
					// {
					// 	text: '大王熔炼炉',
					// 	url: '/userPage/user/furnace',
					// 	nav: "https://new.qingfentool.vip/upload/image/20230822/abd0198361b660a97518fb650ad97377.png",
					// }
				],
				funsTwo: [

					{
						text: '赠礼记录',
						url: '/userPage/user/zengli',
						nav: "https://mh.qingfentool.vip/upload/image/20230513/a49c6435200da0b44442f21687984134.png"
					},
					{
						text: '优惠券',
						url: '/userPage/user/coupon',
						nav: "https://mh.qingfentool.vip/upload/image/20230513/149524dea3203871cea38574efd91288.png"
					},
					// {
					// 	text: '邀请',
					// 	url: '/userPage/user/inviteIndex',
					// 	nav: "https://mh.qingfentool.vip/upload/image/20230513/5c693e6c5532991d19948d1aa9a15104.png"
					// },
					{
						text: '我的推广',
						url: '/userPage/user/myteam',
						nav: "https://pd.pdaxiang.com/upload/static/newImg/wdtg.png"
					},
					{
						text: '联系客服',
						url: '/userPage/user/customerService',
						nav: "https://mh.qingfentool.vip/upload/image/20230513/f78331241ba906346ae70496ee9e27a5.png"
					},
					{
						text: '商务合作',
						url: '/userPage/hezuo',
						nav: "https://mh.qingfentool.vip/upload/image/20230513/1ee59762d0c26db2975f30f911e9d2ac.png"
					},
					{
						text: '问题反馈',
						url: '/userPage/user/fankui',
						nav: "https://mh.qingfentool.vip/upload/image/20230513/ccd1b22df1c86c3d5c4d3bee5a889c9a.png"
					},
					{
						text: '常见问题',
						url: '/userPage/user/problem',
						nav: "https://mh.qingfentool.vip/upload/image/20230513/7705d4742406d274c7f36dbcb5e490ea.png"
					},
					{
						text: '设置',
						url: '/userPage/user/setting',
						nav: "https://mh.qingfentool.vip/upload/image/20230513/ad9e8fd1799435aef2e3528a602937f1.png"
					},
					{
						text: '消息',
						url: '/userPage/user/xiaoxi',
						nav: "https://mh.qingfentool.vip/upload/image/20230513/6c59b0e4754294b31b72c1cdc28ab7f6.png",
						Xnav1: "https://mh.qingfentool.vip/upload/image/20230513/f67e7c58fba0cf3b1c2ac1b096afcd66.png"
					},
					{
						text: '签到',
						url: '/userPage/user/attendance',
						nav: "https://new.qingfentool.vip/upload/image/20230712/f2461f4766c51f20627ef02cd9cfde39.png",
					},
					// {
					// 	text: '大王熔炼炉',
					// 	url: '/userPage/user/furnace',
					// 	nav: "https://new.qingfentool.vip/upload/image/20230822/abd0198361b660a97518fb650ad97377.png",
					// }
				],
				qdNum: '', //签到num
				isCheck: '', //是否有红包
				redpacketID: '', //红包id
				yonghuname: '',
			}
		},
		onShow() {
			this.redcheckout()
			this.getLoginStatus()
		},
		onLoad(options) {
			this.redpacketID = options.id
			this.yonghuname = options.name
		},
		methods: {
			redWars() {
				let data = {
					id: this.redpacketID
				}
				this.$Request.get(this.$api.user.packetReceive, data).then(res => {
					this.$refs.envelopeTc.close()
				})
			},
			// 查看是否有红包
			redcheckout() {
				this.$Request.get(this.$api.user.packeCheck).then(res => {
					this.isCheck = res.data.is_check
					if (this.isCheck == 1) {
						this.$refs.envelopeTc.open()
					} else {
						this.$refs.envelopeTc.close()
					}
				})
			},
			// envelope() {
			// 	this.$refs.envelopeTc.open()
			// },
			hbGb() {
				this.$refs.envelopeTc.close()
			},
			goHd() {
				uni.navigateTo({
					url: '/userPage/user/activity'
				})
			},
			// 客服
			kefuBtn() {
				uni.navigateTo({
					url: '/orderPage/index/webkefuview'
				})
			},
			// 设置
			shezhi() {
				uni.navigateTo({
					url: '/userPage/user/setting'
				})
			},

			// 去道具页面
			godaoju() {
				uni.navigateTo({
					url: '/userPage/user/daoju/index'
				});
			},
			// 合成代币红包
			syntheticBtn() {
				uni.navigateTo({
					url: '/packet/packet'
				});
			},
			// 奖品弹窗
			jpBtn() {
				this.$refs.jiangStu.open()
				this.$Request.post(this.$api.jiangpin.getUserReward).then(res => {
					// //console.log(res)
					this.parjiangList = res.data.reward
					this.parpinobj = res.data.total
					//console.log(this.parpinobj)
				})
			},
			//打开邀请码弹窗
			enterinvcode() {
				this.$refs.invcodeStu.open()
			},
			// 打开签到弹窗
			qdBtn() {
				this.$Request.post(this.$api.user.getVirtualCard).then(res => {
					this.qdNum = res.data

					this.$refs.propeStu.open()
					this.$u.toast(res.msg)
					this.userList()
				})
			},
			// 点击复制id
			entercopy() {
				let data = String(this.arrList.userInfo.id)
				uni.setClipboardData({
					data,
					success: () => {
						this.$u.toast('复制成功~')
					}
				});
			},
			// 获取登录状态
			getLoginStatus() {
				this.$Request.get(this.$api.index.loginStatus).then(res => {
					if (res.data.status == 1) {
						this.loginStatus = true
						this.userList()
					} else {
						this.loginStatus = false
					}
				})
			},
			// 用户信息
			userList() {
				this.$Request.get(this.$api.user.index).then(res => {
					if (res.code == 406) {
						return;
					}

					this.bgImage = res.data.userInfo.sign_success_image
					this.qdEnterImg = res.data.userInfo.sign_confirm_image
					this.arrList = res.data;
					this.$store.state.userInfo = res.data
					let newnum = res.data.userInfo.grow_value / res.data.userInfo.next_value
					this.info.progress = newnum * 100
				});
			},
			// 点击会员中心
			govip() {
				uni.navigateTo({
					url: '/userPage/user/member/index'
				})
			},
			// 点击头像
			gozhanghao() {
				uni.navigateTo({
					url: '/userPage/user/setting'
				})
			},
			// 点击仓库
			goUrl2() {
				uni.setStorageSync('cabShuaxin', 1)
				uni.switchTab({
					url: '/pages/index/cabinetBox',
				})
			},
			goUrl(url) {
				if (this.loginStatus) {
					uni.navigateTo({
						url: url
					});
				}
			},
			// 点击各分类按钮
			goFuns(url, text) {
				switch (text) {
					case '开箱记录':
						let urls = url + '?nowDate=' + this.getNowDate()
						uni.navigateTo({
							url: urls
						})
						break;
					case '邀请码':
						this.enterinvcode()
						break;
					case '激活码拒提':
						this.ckdStatus = true;
						break;
					case '联系客服':
						if (this.arrList.userInfo.is_line_chat == 1) {
							uni.navigateTo({
								url: this.arrList.userInfo.chat_kefu
							})
						} else {
							uni.navigateTo({
								url: "/orderPage/index/webkefuview?url=" + this.arrList.userInfo.chat_kefu
							})
						}
						break;
					case '我的推广':
						if (this.arrList.userInfo.agent_status == -1 || this.arrList.userInfo.agent_status == 0) {
							uni.navigateTo({
								url: "/userPage/user/audit?isStatus=" + this.arrList.userInfo.agent_status
							})
						} else {
							uni.navigateTo({
								url: "/userPage/user/myteam?isStatus=" + this.arrList.userInfo.agent_status
							})
						}

						break;
					default:
						uni.navigateTo({
							url
						})
				}

			},
			// 去登陆
			login() {
				uni.navigateTo({
					url: `/pages/user/login/public`
				})
			}
		}
	}
</script>
<style lang="scss" scoped>
	.page {
		width: 100%;
		min-height: 100vh;
		background-color: #F4F5FC;
		overflow-x: hidden;

		.header_box {
			width: 100%;
			height: 436rpx;
			background: #262626;
			border-radius: 0rpx 0rpx 0rpx 0rpx;
			opacity: 1;

			.top_box {
				width: 100%;
				height: 134rpx;
				position: relative;
				margin-bottom: 38rpx;

				.one_box {
					/* #ifdef APP-PLUS */
					width: 100%;
					/* #endif */
					/* #ifdef MP-WEIXIN */
					width: 40%;
					/* #endif */
					height: 44rpx;
					display: flex;
					justify-content: space-between;
					align-items: center;
					position: absolute;
					bottom: 0;
					padding-right: 22rrpx;

					.left_box {
						width: 128rpx;
						height: 44rpx;
						background: linear-gradient(180deg, #E8BE8C 0%, #DCAC78 100%);
						border-radius: 0 116rpx 116rpx 0;
						opacity: 1;
						font-size: 20rpx;
						font-family: Source Han Sans CN-Medium, Source Han Sans CN;
						font-weight: 500;
						color: #A26B2F;
						line-height: 44rpx;
						text-align: center;
					}

					.left1_box {
						width: 128rpx;
						height: 44rpx;
						background: #D0D0D0;
						border-radius: 0 116rpx 116rpx 0;
						opacity: 1;
						font-size: 20rpx;
						font-family: Source Han Sans CN-Medium, Source Han Sans CN;
						font-weight: 500;
						color: #A26B2F;
						line-height: 44rpx;
						text-align: center;
					}

					.right_box {
						width: 120rpx;
						height: 44rpx;
						display: flex;
						justify-content: space-around;
						align-items: center;

						.enterKu_box {
							width: 50rpx;
							height: 44rpx;

							image {
								width: 100%;
								height: 100%;
							}
						}

						.enterset_box {
							width: 50rpx;
							height: 44rpx;

							image {
								width: 100%;
								height: 100%;
							}
						}
					}
				}


			}

			.mid_box {
				width: 96%;
				height: 130rpx;
				margin: auto;
				display: flex;
				justify-content: space-between;
				align-items: center;
				margin-bottom: 10rpx;

				.left_tx_box {
					width: 48%;
					height: 130rpx;
					display: flex;
					justify-content: flex-start;
					align-items: center;

					.head_box {
						width: 120rpx;
						height: 120rpx;
						border-radius: 50%;
						position: relative;

						.touxiangkuang_box {
							width: 116rpx;
							height: 116rpx;
							border-radius: 50%;
							position: absolute;
							left: 0;
							right: 0;
							top: 0;
							bottom: 0;
							margin: auto;
							z-index: 2;

							image {
								width: 100%;
								height: 100%;
								border-radius: 50%;
							}
						}

						.touxiang_box {
							width: 66rpx;
							height: 66rpx;
							border-radius: 50%;
							position: absolute;
							left: 0;
							right: 0;
							top: 0;
							bottom: 0;
							margin: auto;
							z-index: 1;

							image {
								width: 100%;
								height: 100%;
								border-radius: 50%;
							}
						}
					}

					.text_box {
						width: 200rpx;
						height: 120rpx;
						margin-left: 8rpx;

						.name_box {
							width: 200rpx;
							height: 65rpx;
							font-size: 40rpx;
							font-weight: 500;
							color: #FFFFFF;
							line-height: 65rpx;
						}

						.id_box {
							width: 200rpx;
							height: 65rpx;
							line-height: 65rpx;
							font-size: 24rpx;
							font-family: Source Han Sans CN-Regular, Source Han Sans CN;
							font-weight: 400;
							color: #FFFFFF;

							.copy_box {
								width: 25rpx;
								height: 25rpx;
								// background: #FFFFFF;
								opacity: 1;
								float: right;
								margin: 20rpx 45rpx 0 0;
								position: relative;

								image {
									position: absolute;
									top: 0;
									left: 0;
									width: 100%;
									height: 100%;
								}
							}
						}
					}
				}

				.right_num_box {
					width: 44%;
					height: 130rpx;
					padding: 0 0 0 30rpx;

					.cangku_box {
						width: 300rpx;
						height: 54rpx;
						background: linear-gradient(180deg, #E7C38E 0%, #F5DEB6 100%);
						border-radius: 116rpx 116rpx 116rpx 116rpx;
						opacity: 1;
						margin-bottom: 22rpx;
						display: flex;
						justify-content: space-between;
						align-items: center;
						padding: 0 18rpx;

						.pic_box {
							width: 42rpx;
							height: 42rpx;
							border-radius: 0rpx 0rpx 0rpx 0rpx;
							opacity: 1;
							margin-right: 6rpx;

							image {
								width: 100%;
								height: 100%;
							}
						}

						.text_box {
							width: 250rpx;
							height: 100%;
							line-height: 54rpx;
							font-size: 24rpx;
							font-family: Source Han Sans CN-Bold, Source Han Sans CN;
							font-weight: 700;
							color: #A26B2F;
						}
					}

					.yue_box {
						width: 300rpx;
						height: 54rpx;
						background: linear-gradient(180deg, #E7C38E 0%, #F5DEB6 100%);
						border-radius: 116rpx 116rpx 116rpx 116rpx;
						opacity: 1;
						margin-bottom: 22rpx;
						display: flex;
						justify-content: space-between;
						align-items: center;
						padding: 0 18rpx;

						.pic_box {
							width: 42rpx;
							height: 42rpx;
							border-radius: 0rpx 0rpx 0rpx 0rpx;
							opacity: 1;
							margin-right: 6rpx;

							image {
								width: 100%;
								height: 100%;
							}
						}

						.text_box {
							width: 250rpx;
							height: 100%;
							line-height: 54rpx;
							font-size: 24rpx;
							font-family: Source Han Sans CN-Bold, Source Han Sans CN;
							font-weight: 700;
							color: #A26B2F;
						}
					}
				}
			}

			.Wings_box1 {
				height: 51rpx;
				margin: 0 0 10rpx 0;

				.Wings_box {
					width: 400rpx;
					height: 51rpx;
					background: linear-gradient(180deg, #E7C38E 0%, #F5DEB6 100%);
					border-radius: 116rpx 116rpx 116rpx 116rpx;
					margin: 0 0 10rpx 133rpx;
					font-size: 22rpx;
					font-family: Source Han Sans CN-Medium, Source Han Sans CN;
					font-weight: 500;
					color: #A26B2F;
					padding: 0 18rpx;
					display: flex;
					justify-content: flex-start;
					align-items: center;

					.tc_box {
						width: 200rpx;
						margin-right: 10rpx;
						overflow: hidden;
						text-overflow: ellipsis;
						white-space: nowrap;
					}

					.dz_box {
						width: 200rpx;
						overflow: hidden;
						text-overflow: ellipsis;
						white-space: nowrap;
					}
				}
			}


			.vip_box {
				width: 710rpx;
				height: 180rpx;
				background: linear-gradient(134deg, #E5BE87 0%, #F5DEB6 100%);
				border-radius: 20rpx 20rpx 20rpx 20rpx;
				opacity: 1;
				margin: auto;
				padding-top: 8rpx;

				.vip_txt {
					width: 100%;
					height: 70rpx;
					margin: auto;
					padding: 0 14rpx 0 14rpx;
					display: flex;
					justify-content: space-between;
					align-items: center;
					margin-bottom: 28rpx;

					.left_box {
						width: 200rpx;
						height: 70rpx;
						font-size: 48rpx;
						font-family: YouSheBiaoTiHei-Bold, YouSheBiaoTiHei;
						font-weight: 700;
						// color: #333333;
						line-height: 62rpx;
						background: #333333 linear-gradient(to left, transparent, #fff, transparent) no-repeat 0 0;
						background-size: 20% 100%;
						background-position: 0 0;
						background-clip: text;
						-webkit-background-clip: text;
						color: transparent;
						animation: shine 1.5s infinite;

						@keyframes shine {
							from {
								background-position: 0% 0%;
							}

							to {
								background-position: 100% 100%;
							}
						}
					}

					.right_box {
						width: 152rpx;
						height: 44rpx;
						border-radius: 116rpx 116rpx 116rpx 116rpx;
						opacity: 1;
						border: 1rpx solid #A26B2F;
						font-size: 24rpx;
						font-family: Source Han Sans CN-Bold, Source Han Sans CN;
						font-weight: 700;
						color: #A26B2F;
						line-height: 44rpx;
						text-align: center;
					}
				}

				.jinfutiao_box {
					width: 662rpx;
					height: 12rpx;
					background: #262626;
					border-radius: 8rpx 8rpx 8rpx 8rpx;
					opacity: 1;
					margin: auto;
					margin-bottom: 22rpx;


					.dengji_box {
						width: 100%;
						height: 12rpx;

						.left_box {
							width: 100%;
							height: 12rpx;

							.strip {
								position: relative;
								width: 100%;
								height: 12rpx;
								color: rgba(80, 80, 80, 1);
								background-color: #262626;
								font-size: 28rpx;
								line-height: 150%;
								text-align: center;
								margin-bottom: 12upx;
								border-radius: 20upx;
								overflow: hidden;
							}

							.blue {
								height: 12rpx;
								color: rgba(80, 80, 80, 1);
								background: #A26B2F;
								border-radius: 20upx;
								font-size: 28rpx;
								line-height: 150%;
								text-align: center;
							}
						}
					}
				}

				.vip_wenan_box {
					width: 662rpx;
					height: 28rpx;
					margin: auto;
					display: flex;
					justify-content: space-between;
					align-items: center;

					.shengji_txt {
						width: 400rpx;
						height: 28rpx;
						font-size: 20rpx;
						font-family: Source Han Sans CN-Medium, Source Han Sans CN;
						font-weight: 500;
						color: #A26B2F;
						line-height: 28rpx;
					}

					.num_box {
						width: 300rpx;
						height: 28rpx;
						font-size: 20rpx;
						font-family: Source Han Sans CN-Medium, Source Han Sans CN;
						font-weight: 500;
						color: #A26B2F;
						text-align: right;
						line-height: 28rpx;
					}
				}
			}


		}

		.packet_box {
			width: 693rpx;
			height: 160rpx;
			margin: auto;
			margin-bottom: 14rpx;
			margin-top: 130rpx;
			background-image: url('https://new.qingfentool.vip/upload/image/20230821/a9d634181e9bd53e4c8c06c785e18934.png');
			background-size: 100% 100%;
			position: relative;

			.packet_money_box {
				// width: 150rpx;
				height: 138rpx;
				position: absolute;
				bottom: 0;
				right: 180rpx;

				.packet_prz_box {
					// width: 148rpx;
					height: 79rpx;
					font-size: 60rpx;
					font-family: Microsoft YaHei-Bold, Microsoft YaHei;
					font-weight: bold;
					color: #F8B857;
					line-height: 79rpx;
				}

				.packet_name_box {
					// width: 148rpx;
					height: 40rpx;
					font-size: 30rpx;
					font-family: Microsoft YaHei-Regular, Microsoft YaHei;
					font-weight: 400;
					color: #FFFFFF;
					line-height: 40rpx;
					text-align: right;
				}
			}

			.synthesis_box {
				width: 130rpx;
				height: 115rpx;
				background: linear-gradient(180deg, #FFE2B7 0%, #F5B143 100%);
				border-radius: 20rpx 20rpx 20rpx 20rpx;
				opacity: 1;
				position: absolute;
				right: 13rpx;
				bottom: 14rpx;
				font-size: 29rpx;
				font-weight: 400;
				color: #000000;
				text-align: center;
				padding-top: 23rpx;
			}
		}

		.wodedingdan_box {
			width: 96%;
			height: 212rpx;
			box-shadow: 0rpx 0rpx 22rpx 0rpx rgba(0, 0, 0, 0.1);
			margin: auto;
			margin-bottom: 14rpx;
			border-radius: 5rpx;

			.top_box {
				width: 100%;
				height: 60rpx;
				// background-color: #fff;
				display: flex;
				justify-content: space-between;

				.left_box {
					width: 40%;
					height: 60rpx;
					// background-color: red;
					display: flex;
					align-items: center;
					justify-content: flex-start;
					margin-left: 10rpx;

					.line {
						width: 6rpx;
						height: 23rpx;
						// background-color: #B1F7DC;
						margin-right: 10rpx;
					}

					.txt {
						color: #3D3D3D;
						font-size: 32rpx;
						font-weight: 700;
					}
				}

				.right_box {
					width: 40%;
					height: 60rpx;
					margin-right: 20rpx;
					text-align: right;
					font-size: 28rpx;
					display: flex;
					align-items: center;
					justify-content: flex-end;

					.txt {
						color: #999999;
						font-size: 28rpx;
						font-weight: 500;

					}

					.img {
						margin-left: 19rpx;
						width: 16rpx;
						height: 28rpx;

						image {
							width: 100%;
							height: 100%;
						}
					}
				}

			}

			.bottom_box {
				width: 100%;
				height: 152rpx;
				display: flex;
				justify-content: space-between;

				.first_box {
					width: 24%;
					height: 100%;

					// display: flex;
					// justify-content: space-between;
					// background-color: #fff;
					.top {
						width: 55rpx;
						height: 60rpx;
						// background-color: red;
						margin: 18rpx auto;

						image {
							width: 100%;
							height: 100%;
						}
					}

					.txt {
						width: 100%;
						height: 60rpx;
						line-height: 30rpx;
						color: #666666;
						text-align: center;
						font-size: 24rpx;
					}
				}
			}
		}

		.klHb {
			width: 96%;
			height: 256rpx;
			background: linear-gradient(180deg, #FFFFFF 0%, #FFF3E1 100%);
			border-radius: 10rpx 10rpx 10rpx 10rpx;
			opacity: 1;
			margin: auto;
			display: flex;
			justify-content: space-between;
			align-items: center;
			flex-wrap: wrap;


			.kouling_box {
				width: 50%;
				height: 128rpx;
				display: flex;
				justify-content: space-around;
				align-items: center;
				z-index: 1;

				.left_box {
					width: 170rpx;
					height: 128rpx;

					.top_box {
						width: 170rpx;
						height: 64rpx;
						font-size: 28rpx;
						font-family: Source Han Sans CN-Medium, Source Han Sans CN;
						font-weight: 700;
						color: #333333;
						line-height: 80rpx;
						text-align: center;
					}

					.bot_box {
						width: 170rpx;
						height: 64rpx;
						line-height: 40rpx;
						text-align: center;
						font-size: 24rpx;
						font-family: Source Han Sans CN-Medium, Source Han Sans CN;
						font-weight: 500;
						color: #333333;
					}
				}

				.right_box {
					width: 86rpx;
					height: 100rpx;

					image {
						width: 100%;
						height: 100%;
					}
				}
			}
		}

		.yingyong {
			width: 96%;
			height: 510rpx;

			background-color: #FFFFFF;
			box-shadow: 0rpx 0rpx 22rpx 0rpx rgba(0, 0, 0, 0.1);
			margin: auto;
			margin-top: 20rpx;
			border-radius: 5rpx;
			margin-bottom: 100rpx;

			.top_box {
				width: 100%;
				height: 60rpx;
				// background-color: #fff;
				display: flex;
				justify-content: space-between;

				.left_box {
					width: 40%;
					height: 60rpx;
					// background-color: red;
					display: flex;
					align-items: center;
					justify-content: flex-start;
					margin-left: 10rpx;

					.line {
						width: 6rpx;
						height: 23rpx;
						// background-color: #B1F7DC;
						margin-right: 10rpx;
					}

					.txt {
						color: #3D3D3D;
						font-size: 32rpx;
						font-weight: 700;
					}
				}



			}

			.bottom_box {
				width: 100%;
				height: 152rpx;
				display: flex;
				justify-content: flex-start;
				flex-wrap: wrap;

				.first_box {
					width: 25%;
					height: 100%;

					// display: flex;
					// justify-content: space-between;
					// background-color: #fff;
					.top {
						width: 55rpx;
						height: 60rpx;
						// background-color: red;
						margin: 18rpx auto;

						image {
							width: 100%;
							height: 100%;
						}
					}

					.txt {
						width: 100%;
						height: 60rpx;
						line-height: 30rpx;
						color: #666666;
						text-align: center;
						font-size: 24rpx;
					}
				}
			}
		}

		.icp_box {
			width: 100%;
			height: 28rpx;
			font-size: 20rpx;
			font-family: Source Han Sans CN-Medium, Source Han Sans CN;
			font-weight: 500;
			color: #666666;
			line-height: 28rpx;
			text-align: center;
		}

		.hongbao_box {
			width: 439rpx;
			height: 690rpx;

			.sm_box {
				width: 439rpx;
				height: 594rpx;
				border-radius: 0rpx 0rpx 0rpx 0rpx;
				opacity: 1;
				background-image: url('https://new.qingfentool.vip/upload/image/20230821/5d3ffec76922707f7272d1bcb9db975d.png');
				background-size: 100% 100%;
				margin-bottom: 45rpx;
				padding-top: 68rpx;

				.header_touxiang_box {
					width: 58rpx;
					height: 58rpx;
					border-radius: 50%;
					margin: auto;
					background-color: #fff;
					margin-bottom: 13rpx;
				}

				.header_userr_box {
					width: 100%;
					height: 41rpx;
					font-size: 31rpx;
					font-family: Microsoft YaHei-Regular, Microsoft YaHei;
					font-weight: 400;
					color: #FFDDB5;
					line-height: 41rpx;
					text-align: center;
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
					margin-bottom: 29rpx;
				}

				.header_userr_txt_box {
					width: 100%;
					height: 70rpx;
					font-size: 53rpx;
					font-family: Microsoft YaHei-Regular, Microsoft YaHei;
					font-weight: 400;
					color: #FFDDB5;
					line-height: 70rpx;
					text-align: center;
				}
			}

			.hongbao_guanbi_box {
				width: 51rpx;
				height: 51rpx;
				margin: auto;
			}
		}

		/deep/.u-icon__icon {
			font-size: 50rpx !important;
		}
	}
</style>